<template>
    <div>
        <!-- 说明 -->
        <el-header height="auto">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: '/Main/index' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item><a>说明</a></el-breadcrumb-item>
                <el-breadcrumb-item>说明</el-breadcrumb-item>
            </el-breadcrumb>
            <el-dropdown placement="bottom">
                <span class="el-dropdown-link">
                <img src="../../assets/img/default.jpg" alt="">
                </span>
                <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="goToIndex">首页</el-dropdown-item>
                    <el-dropdown-item @click.native="LogOUt">退出</el-dropdown-item>
                </el-dropdown-menu>
            </el-dropdown>
        </el-header>
        <main class="explain">
            <p>node-elm后台管理系统</p>
            <p>第一次登录的用户自动注册成为普通管理员</p>
            <p>普通管理员可以添加，修改信息</p>
            <p>超级管理员可以删除信息</p>
        </main>
    </div>
</template>
<script>
export default {
    methods: {
        // 跳转至首页
        goToIndex(){ this.$router.push({ path: '/Main/index' }) },
        // 退出登录
        LogOUt(){ this.$router.push({ path: '/' }) }
    }
}
</script>
<style scoped>
.explain p {
    padding-top: 20px;
    text-align: center;
    font-size: 20px;
    color: #333;
}
</style>